<!DOCTYPE html>
<html lang="en">
<head>
    <title>${c.app_name} Controller</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" href="${c.app_base}/css/admin.css" type="text/css"/>
    <script type="text/javascript" src="${c.app_base}/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#a-user-delete").click(function (event) {
                $("#user-delete").slideDown(250);
                $("#container-supplymentary ul").slideUp(250);
            });
            $("#user-delete button[type=reset]").click(function (event) {
                $("#user-delete").slideUp(250);
                $("#container-supplymentary ul").slideDown(250);
            });
        });
    </script>
</head>
<body>
    <h1>${c.app_name} / Control</h1>
    % if isLoggedIn:
    <form action="${c.app_base}/sessions" method="post" id="user-signout">
        <input type="hidden" name="_method" value="delete"/>
        <input type="hidden" name="admin_access" value="inactive"/>
        <button style="submit">Sign out</button>
    </form>
    % endif
    <!-- Content:Begin  -->
    <div id="container">
        ${self.body()}
    </div>
    <!-- Content:End    -->
    <div id="footer">
        <p id="expiration-time">
            % if isLoggedIn:
            <span>This session will be expired at ${c.sessionExpirationTime}.</span>
            % elif errCode:
            <span>Feedback</span>
            % else:
            <span>Limited Access</span>
            % endif
        </p>
        <p>
            <a href="http://trefoil.shiroyuki.com">${c.app_name} ${c.app_vers}</a>
            &copy; Juti Noppornpitak and Panote Siriaraya.<br/>
            Licensed under GNU General Public License 2 and MIT License.
        </p>
    </div>
</body>
</html>